<ion-header>
  <h3 class="head_tit_h3 my_head">
    我的
    <ion-icon (click)="sysInfo()" name="notifications-outline">
    </ion-icon>
    <i (click)="sysInfo()" *ngIf="sysCount > 0">{{sysCount}}</i>
  </h3>
</ion-header>
<ion-content>

  <ion-refresher color="white" slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content color="white"
      refreshingText="刷新中...">
    </ion-refresher-content>
  </ion-refresher>

  <div class="myclient">
    <div class="head-portrait" (click)="onUserInfo()">
      <!-- <img [src]="avater"> -->
      <img class="avater" [src]="userInfo.avater" alt="">
      <div class="clientinfo">
        <p>{{userInfo.nickname}} 
          <i class="buttons"> {{userInfo.userLevels[0].levelName}} </i>
          <i class="buttons" style="background: #00E142;"> {{userInfo.userLevels[1].levelName}} </i>
          <i class="buttons" style="background: #E1E131;"> {{userInfo.userLevels[2].levelName}} </i>
        <div class="df_a">
          <img class="my_phone" src="assets/img/my_phone.png" alt="">
          <span>{{userInfo.phone.substr(0,3)}}****{{userInfo.phone.substr(7)}}</span>
        </div>
      </div>
    </div>
    <div class="my_ewm" [routerLink]="['/mine/invites']">
      <img src="assets/img/my_ewm.png" alt="">
      <p><span v-if="userInfo">{{userInfo.code}}</span>:邀请码</p>
      <!-- <ion-icon name="chevron-forward-outline"></ion-icon> -->
    </div>
  </div>

  <div class="pool_bg w96">
    <div class="pool_bot df_ja">
      <p>我的算力存储业绩</p>
      <!-- <p [routerLink]="['/mine/mymill']">我的矿工 ></p> -->
    </div>

    <ul class="po3_ul df_ja" *ngFor="let item of mymills" [routerLink]="['/mine/mymill']"  [queryParams]="{name:item.coinType}" >
      <li>
        <img [src]="item.img" alt="">
        <div>
          <p><span>{{item.storage}}</span> T </p>
          <p>我的存储</p>
        </div>
      </li>
      <li>
        <div>
          <p><span>{{item.today_performance}}</span> T </p>
          <p>今日业绩</p>
        </div>
      </li>
      <li>
        <div>
          <p><span>{{item.yesterday_performance}}</span> T </p>
          <p>昨日业绩</p>
        </div>
      </li>
      <li>
        <div>
          <p><span>{{item.expericence}}</span> T </p>
          <p>总业绩</p>
        </div>
        <div class="more">
          >
        </div>
      </li>
    </ul>
  </div>
  <div [routerLink]="['/tabs/tab2']" class="buttons add_btn">
    继续增加算力存储
  </div>

  <div class="mylist w96 pool_bg">
    <ul>
      <li class="but_line" [routerLink]="['/mine/havestore']" routerLinkActive="router-link-active" >
        <p class="t-left"><img src="assets/img/myicon1.png" alt="">已购存储</p>
        <p class="t-right"><ion-icon name="chevron-forward-outline"></ion-icon></p>
      </li>
      <li [routerLink]="['/mine/wallet']" routerLinkActive="router-link-active">
        <p class="t-left"><img src="assets/img/myicon2.png" alt="">钱包设置</p>
        <p class="t-right"><ion-icon name="chevron-forward-outline"></ion-icon></p>
      </li>
      <li [routerLink]="['/mine/setpwd']">
        <p class="t-left"><img src="assets/img/myicon3.png" alt="">密码设置</p>
        <p class="t-right"><ion-icon name="chevron-forward-outline"></ion-icon></p>
      </li>
      <li [routerLink]="['/protocol']">
        <p class="t-left"><img src="assets/img/myicon4.png" alt="">注册协议</p>
        <p class="t-right"><ion-icon name="chevron-forward-outline"></ion-icon></p>
      </li>
      <li [routerLink]="['/mine/about']">
        <p class="t-left"><img src="assets/img/myicon5.png" alt="">关于我们</p>
        <p class="t-right"><ion-icon name="chevron-forward-outline"></ion-icon></p>
      </li>
      <li>
        <p class="t-left"><img src="assets/img/myicon6.png" alt="">当前版本</p>
        <p class="t-right">{{version}}</p>
      </li>
    </ul>
  </div>

  <button (click)="onOut()" class="button buttons">退出登录</button>

</ion-content>
